<div class=" animated fadeInRight ecommerce">
    <div class="row">
        <div class="col-md-1 padding-r-0">
            <vc:create path="community/selectAdminCommunity"></vc:create>
        </div>
        <div class="col-md-11">
            <div class="ibox ">
                <div class="ibox-title">
                    <h5>
                        <vc:i18n name="查询条件" namespace="adminInspectionPlan"></vc:i18n>
                    </h5>
                    <div class="ibox-tools" style="top:10px;"></div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input type="text" :placeholder="vc.i18n('请输入计划ID','adminInspectionPlan')"
                                    v-model="adminInspectionPlanInfo.conditions.inspectionPlanId" class=" form-control">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input type="text" :placeholder="vc.i18n('请输入计划名称','adminInspectionPlan')"
                                    v-model="adminInspectionPlanInfo.conditions.adminInspectionPlanName"
                                    class=" form-control">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <div class="form-group">
                                <input type="text" :placeholder="vc.i18n('请输入巡检人','adminInspectionPlan')"
                                    v-model="adminInspectionPlanInfo.conditions.staffNameLike" class=" form-control">
                            </div>
                        </div>
                        <div class="col-sm-2">
                            <select class="custom-select" v-model="adminInspectionPlanInfo.conditions.state">
                                <option selected value="">{{vc.i18n('请选择状态','adminInspectionPlan')}}</option>
                                <option v-for="(item,index) in adminInspectionPlanInfo.states" :key="index"
                                    v-bind:value="item.statusCd">{{item.name}}
                                </option>
                            </select>
                        </div>
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-primary btn-sm"
                                v-on:click="_queryInspectionPlanMethod()">
                                <vc:i18n name="查询" namespace="adminInspectionPlan"></vc:i18n>
                            </button>
                            <button type="button" class="btn btn-primary btn-sm"
                                v-on:click="_resetInspectionPlanMethod()">
                                <vc:i18n name="重置" namespace="adminInspectionPlan"></vc:i18n>
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            <div class="ibox">
                <div class="ibox-title">
                    <h5>
                        <vc:i18n name="巡检计划" namespace="adminInspectionPlan"></vc:i18n>
                    </h5>
                    <div class="ibox-tools" style="top:10px;">

                    </div>
                </div>
                <div class="ibox-content">
                    <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                        <thead>
                            <tr>
                                <th class="text-center">
                                    <vc:i18n name="计划名称" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="小区名称" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="计划路线" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="计划周期" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="签到方式" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="日期范围" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="时间范围" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="任务提前(分钟)" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="制定人" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="制定时间" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="状态" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="巡检人员" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                                <th class="text-center">
                                    <vc:i18n name="操作" namespace="adminInspectionPlan"></vc:i18n>
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr v-for="adminInspectionPlan in adminInspectionPlanInfo.plans">
                                <!-- <td class="text-center">{{adminInspectionPlan.adminInspectionPlanId}}</td> -->
                                <td class="text-center">{{adminInspectionPlan.inspectionPlanName}}</td>
                                <td class="text-center">{{adminInspectionPlan.communityName}}</td>
                                <td class="text-center">{{adminInspectionPlan.inspectionRouteName}}</td>
                                <td class="text-center">{{adminInspectionPlan.inspectionPlanPeriodName}}</td>
                                <td class="text-center">{{adminInspectionPlan.signTypeName}}</td>
                                <td class="text-center">
                                    {{adminInspectionPlan.startDate}}~{{adminInspectionPlan.endDate}}</td>
                                <td class="text-center">
                                    {{adminInspectionPlan.startTime}}~{{adminInspectionPlan.endTime}}</td>
                                <td class="text-center">{{adminInspectionPlan.beforeTime}}</td>
                                <td class="text-center">{{adminInspectionPlan.createUserName}}</td>
                                <td class="text-center">{{adminInspectionPlan.createTime}}</td>
                                <td class="text-center">{{adminInspectionPlan.stateName}}</td>
                                <td class="text-center">
                                    <div v-for="(staff,i) in adminInspectionPlan.staffs">{{staff.staffName}}</div>
                                </td>
                                <td class="text-center">
                                    <div class="btn-group">

                                        <button class="btn-white btn btn-xs"
                                            v-on:click="_toInspectionPlanDetail(adminInspectionPlan)">
                                            <vc:i18n name="详情" namespace="adminInspectionPlan"></vc:i18n>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <!-- 分页 -->
                    <div class="row margin-top-xs">
                        <div class="col-sm-9">
                            <div>
                                请确保计划开始时间和计划结束时间是有效时间范围，并且设置了巡检人，不然无法生成巡检任务
                            </div>
                        </div>
                        <div class="col-sm-3 float-right">
                            <vc:create path="frame/pagination"></vc:create>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>